<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport"
        content="width=device-width, initial-scale=1, maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"/>
  <meta name="format-detection" content="telephone=no, email=no"/>
  <!-- 忽略页面中的数字识别为电话，忽略email识别 -->
  <meta name="applicable-device" content="mobile"/>
  <meta name="apple-mobile-web-app-title" content="标题"/>
  <!-- 添加到主屏后的标题（iOS 6 新增） -->
  <meta name="apple-mobile-web-app-capable" content="yes"/>
  <!-- 是否启用 WebApp 全屏模式 -->
  <meta name="HandheldFriendly" content="true"/>
  <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
  <meta name="keywords" content="直播盐都"/>
  <meta name="description" content="直播盐都"/>
  <meta name="cl">
  <title>${(special.title)!}</title>
  <link rel="stylesheet" type="text/css" href="${ctx}/sctv/h5/css/globle.css">
  <script src="${ctx}/sctv/h5/js/jquery-1.8.3.min.js" type="text/javascript"></script>
  <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
  <script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/qzact/common/share/share.js"></script>
  <script type="text/javascript" src="${ctx}/sctv/h5/js/senShare.js"></script>
</head>
<body style="background: #eee;">
<!--header s-->
<img class="city_header" src="${(special.smallImage)!}" alt="">
<!--header e-->
<!--cont s-->
<div class="ground_box city_box">
  <input style="display:none;" value="${(special.id)!}" id="oid">
  <h1>${(special.title)!}</h1>
  <ul>
    [@InfoList  specialId=special.id status="A";infolist]
    [#list infolist as info]
    [#if info.newsType?? && info.newsType!=4]
    <li>
      <a class="box" href="http://192.168.81.70:8080${info.sharedUrl}">
        <div class="ground_tit flex">
          <h2>${(info.title)!}</h2>
          <p><span>${(info.publishDate?string('MM-dd'))!}</span><span class="cityInfo fr">${(info.node.name)!}</span></p>
        </div>
        <div class="ground_img"><img src="${(info.detail.smallImage)!}" alt=""></div>
      </a>
    </li>
    [/#if]
    [/#list]
    [/@InfoList]
  </ul>
</div>
<!--cont e-->

<!--评论 s-->
<!--<div class="descComment opicComment">-->
  <!--<h2>最新评论</h2>-->
  <!--<ul>-->
    <!--<p class='notHaveData'>暂无相关评论</p>-->
  <!--</ul>-->
<!--</div>-->
<!--评论 e-->

<!--底部 s-->
<div class="pdDownLoad">
  <img class="pdlogo1 fl" src="${ctx}/sctv/h5/images/down_word.png" alt="">
  <a  class="pdlogo2 fl" href="http://a.app.qq.com/o/simple.jsp?pkgname=com.sctv.scfocus"> <img src="${ctx}/sctv/h5/images/down.png" alt=""> </a>
  <img onclick="colseTan()" class="pdlogo3 fl" src="${ctx}/sctv/h5/images/close.png" alt="">
</div>
<!--底部 e-->

<script src="${ctx}/sctv/h5/js/main.js" type="text/javascript"></script>
<script>
  const img = "http://192.168.81.70:8080";
  $(function () {
    var id=$("#oid").val();
    //视频比例
    ban_s(".ground_video");
//    loadComment(id);
  })
  /*加载评论*/
  function loadComment(id) {
    try {
      $.ajax({
        url: 'http://192.168.81.71:8083/getNewestCommentList',
        type: 'POST',
        data: {requestType: 2, sourceId: id},
        success: function (dataStr) {
          console.log(dataStr);
          var data = JSON.parse(dataStr);
          var lis = data.data.commentList;
          var html = "";
          for (var v = 0; v < lis.length; v++) {
            html += '<li>'
                +'<div class="CommentTx">'
                +'<p class="fl"><img src="'+img + lis[v].avatar+'" alt=""></p>'
                +'   <span>'+lis[v].nickName+'</span>'
                +'   </div>'
                +' <p class="CommentPc">'+lis[v].comment+'</p>'
                +'</li>';
          }
          $(".opicComment ul").html(html);
        }
      });
    } catch (err) {
      $(".opicComment ul").html("<p class='notHaveData'>暂无相关评论</p>");
    }

  }
</script>
</body>
</html>
